<f:view xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">
	<ice:outputDeclaration doctypeRoot="html"
		doctypePublic="-//W3C//DTD XHTML 1.0 Transitional//EN"
		doctypeSystem="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
	<html>
	<head>
	<script type="text/javascript">
		try {
		// FIX IE6 reloading css-images //
  				document.execCommand("BackgroundImageCache", false, true);
		} catch(err) {}		
	</script>
	
	<link rel="SHORTCUT ICON" href="images/favicon.ico" />
	<title>QuartzWatch</title>
	<ice:outputStyle href="/xmlhttp/css/xp/xp.css" type="text/css"  />
	<script type="text/javascript" src="js/userEvents.js" />
	
	<style type="text/css">
html, body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	
	
form {
	width: 100%;
	height: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.layout_header {
	width: 100%;
	background: white;
	vertical-align: top;
}

.layout_menu {
	width: 100%;
	height: 22px;
	background: #DEE7EC;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: middle;
}

.layout_title {
	width: 100%;
	background: white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	font-family: Helvetica Neue, Arial;
	white-space: nowrap;
}

.layout_content {
	width: 100%;
	background: white;
	text-align: center;
	vertical-align: top;
}

.layout_footer {
	width: 100%;
	background: #DEE7EC;
	height: 30px;
}

.navigation_rail {
	font-family: Arial;
	font-size: 11px;
	color: #3f445d;
	float: left;
	padding-top: 9px;
	padding-left: 12px;
}

.miscellanous {
	font-family: Arial;
	font-size: 11px;
	color: #3f445d;
	float: right;
	padding-top: 9px;
	padding-right: 12px;
}

a.footer_link {
	color: #3f445d;
	text-decoration: none;
}

a.footer_link:visited {
	color: #3f445d;
	text-decoration: none;
}

a.footer_link:hover {
	color: #3f445d;
	text-decoration: underline;
}

a.footer_link:active {
	color: #3f445d;
	text-decoration: none;
}

.copyright {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	padding-left: 12px;
}

.iceOutTxt {
	font-family: Helvetica Neue, Arial;
	white-space: nowrap;	
}

.paragraph_title {
	font-family: Helvetica Neue, Arial;
	font-size: 12px;
	color: #777777;
	font-weight: bold;
}

.submitButton {
	font-family: Helvetica Neue, Arial;
	border: 1px solid #666666;
	color: #666666;
	background: #FFFFFF;
	cursor: pointer;
}

a.logout_button {
	font-family: Helvetica Neue, Arial;
	border: 0px solid white;
	color: #666666;
	background: white;
	font-size: 12px;
	padding: 0 0px 0 0px;
	margin: 0 0 0 0;
	cursor: pointer;
	text-decoration: none;
}

a.logout_button:hover {
	color: #d50000;
}

.iceCmdLnk {
	text-decoration: underline;
	font-family: Helvetica Neue, Arial;
}

.iceCmdLnk:hover {
	color: #d50000;
}

.iceCmdLnk a:hover {
	color: #d50000;
}


.iceCmdLnkActiv {
	text-decoration: underline;
	font-family: Helvetica Neue, Arial;
	colore: green;
}

.iceCmdLnkActiv:hover {
	color: green;
}

.iceCmdLnkActiv a:hover {
	color: green;
}

.iceCmdLnkInactiv {
	text-decoration: underline;
	font-family: Helvetica Neue, Arial;
	color: red;
}

.iceCmdLnkInactiv:hover {
	color: red;
}

.iceCmdLnkInactiv a:hover {
	color: red;
}

.iceCmdBtn {
	font-family: Helvetica Neue, Arial;
}

.iceSelOneMnu, .iceInpTxt, .iceSelInpDateInput {
	font-family: Helvetica Neue, Arial;
	border: 1px solid #bbbbbb;
}

.iceSelInpTxtTxt {
	margin-left: 0;
}

.master_row {
	font-family: Helvetica Neue, Arial;
	font-weight: normal;
	border: 0px solid;
	font-size: 13px;
}

.detail_row {
	font-family: Helvetica Neue, Arial;
	font-weight: lighter;
	border: 0px solid;
	font-size: 12px;
}

.main_page_block {
	width: 470px;
	height: 170px;
	overflow: auto;
}

.msg_text_area {
	height: 100px; 
	overflow: auto;
	white-space: normal;
}

.msg_text_area_no_scroll {
	white-space: normal;
}

.title {
	font-family: Helvetica Neue, Arial;
	font-size: 20px;
	font-weight: normal;
	color: #CC6600;
}

/*
------------- colored -----------
*/

.orangeColored, .orangeColoredSelected {
	background: #FFD7AE; 
}

.blueColored, .blueColoredSelected {
	background: #DDDDFF;
}

.greenColored, .greenColoredSelected {
	background: #D7FFD7;
}

.whiteColored, .whiteColoredSelected {
	background: #FFFFFF;
}

.redColoredBorder {
	border: 2px solid red;
}


/* 
------ MENUBAR --------- 
*/

.iceMnuBarItem {
	border-right: 1px solid #bbbbbb;
}

.iceMnuBarItem a { /* was iceMenu */
	background-color: #DEE7EC;
	color: #306090; /* Must be >1.01em to avoid layout artifacts on Macs */
	font-size: 12px;
}

.iceMnuBarItem a:hover { /* was iceMenu */
	background-color: #DEE7EC;
	color: #CC6600;
}

.iceMnuBarItem hr { /* was iceMenu */

}

.iceMnuBarSubMenu { /* was iceSubMenu */
	font-family: Helvetica Neue, Arial;
	background-color: #DEE7EC;
	width: auto;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}

.iceMnuItm { /* was iceSubMenuRow*/
	text-align: left;
}

.iceMnuItm a { /* was iceSubMenuRow*/
	color: #306090;
	text-align: left;
}

.iceMnuItm a:hover { /* was iceSubMenuRow*/
	background-color: #DEE7EC;
	text-align: left;
	color: #CC6600;
}

.iceMnuItm a:hover .iceOutTxt,.iceMnuItm a:hover .iceMnuItmLabel {
	color: #CC6600;
	text-align: left;
}

.iceMnuBarItem a:hover .iceOutTxt,.iceMnuBarItem a:hover .iceMnuItmLabel {
	color: #CC6600;
	text-align: left;
}

.iceMnuItmLabel,.iceMnuBarItemLabel { /* was iceSubMenuRowLabel */
	font-family: Helvetica Neue, Arial;
	font-size: 12px;
	text-align: left;
	color: #306090;
}

.iceMnuBarItemLabel {

}

.iceDatTbl td span.iceMnuItmLabel {
	text-align: left;
}

.singleMnuBarItem {
	border-left: 1px solid #bbbbbb;
}


.singleMnuBarLabel {
	
}

.currentMnuBarLabel {
	color: #CC6600;
}

/* 
-------------PAGINATION-----------
*/
.iceDatPgrScrCol a {
	background-color: #CACACA;
}

.iceDatPgrScrCol a:hover {
	border: 1px solid #CACACA;
}

.iceDatPgrScrCol a, .iceDatPgrCol a {
	font-size: 10px;
}

/*
----------- Panel Collapsible --------
*/
.icePnlClpsblCnt {
	background: #FFFFFF;
}

.icePnlClpsblHdr, .icePnlClpsblHdr-dis, .icePnlClpsblColpsdHdr, .icePnlClpsblColpsdHdr-dis {
	background-image: none;
	background: #DEE7EC;
}

/*
----------- Tables --------
*/

.iceDatTbl {
	margin: 0px;
}

.iceDatTblColHdr , .iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol, .iceDatTblFtr{ 
	background-image: none;
	background: #DEE7EC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.iceDatTblResBor {
	background: #DEE7EC;
    border-left: 1px solid white;
}

.iceDatTblBlkTd {
	 border-left: 1px solid #cacaca;
}

.iceDatTblCol, .iceDatTblCol1, .iceDatTblCol2{
	border-right: 0px solid;
	border-bottom: 1px solid #DEE7EC;
	padding: 2px 3px 2px 3px;
	white-space: nowrap;
}

.firstColSelected {
	border: 2px solid red;
	border-right: 0px solid;
	padding-left: 1px;
}

.colSelected {
	border-top: 2px solid red;
	border-bottom: 2px solid red;
}

.lastColSelected {
	border: 2px solid red;
	border-left: 0px solid;
}

.orangeColored td.iceDatTblBlkTd {
	background: #FFD7AE; 
}

.blueColored td.iceDatTblBlkTd {
	background: #DDDDFF;
}

.greenColored td.iceDatTblBlkTd {
	background: #D7FFD7;
}

.whiteColored td.iceDatTblBlkTd {
	background: #FFFFFF;
}

.orangeColoredSelected td.iceDatTblBlkTd {
	background: #FFD7AE; 
	border-top: 2px solid red;
	border-bottom: 2px solid red;
}

.blueColoredSelected td.iceDatTblBlkTd {
	background: #DDDDFF;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
}

.greenColoredSelected td.iceDatTblBlkTd {
	background: #D7FFD7;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
}

.whiteColoredSelected td.iceDatTblBlkTd {
	background: #FFFFFF;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
}

/*
----------- TABSET ---------
*/
.icePnlTbSetCnt {
	display: none;
}

/*
------------- Connection status -----------
*/

.iceOutConStat {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 32px;
    height: 32px;
}


/*
------------- Popup panel -----------
*/
.icePnlPop, .icePnlTlTip {
    color: #666666;
    border: 0px solid;
    background-color: white;
    padding: 0px 0px 0px 0px;
}

.icePnlPop .icePnlPopBody {
    background-color: white;
    border: 1px solid #bbbbbb;
    padding: 5px 5px 5px 5px;
}

.icePnlPopHdr, .icePnlTlTipHdr {
	margin: 0 0 0 0;
	background-color: #CACACA;
    background-image: none;
    border: 1px solid #bbbbbb;
}

.icePnlPopHdr .iceOutTxt, .icePnlTlTipHdr .iceOutTxt {
	font-family: Helvetica Neue, Arial;
	color: #666666;
	font-size:12px;
	font-weight:bold;
	padding:4px;
	text-align:center;
	vertical-align:middle;
}

/*
------------- Popup menu -----------
*/

.iceMnuPopVrtItemLabel {
    font-family: Helvetica Neue, Arial;
    font-size: 12px;
}

.iceMnuPopVrtItem a:hover { /* was iceMenu_verticalItem */
    background-color: white;
    color: #d60000;
    text-decoration: none;
}


/*
------------- Popup calendar -----------
*/

.iceSelInpDateClosePopup {
    background-image: url( "images/close.gif" );
}
.iceSelInpDateMonthYear {
	background-image: none;
	background: #cacaca;
}
.iceSelInpDateMovePrev {
	background-image: url( "images/arrow_backward.gif" );
}
.iceSelInpDateMoveNext {
	background-image: url( "images/arrow_forward.gif" );
}
.iceSelInpDateCur a {
	background: red;
	border: 1px solid #cacaca;
}
.iceSelInpDateWeek {
	color: #666666;
}

/*
------------- Grid -----------
*/
.icePnlGrdVertTopAlgnCol1, .icePnlGrdVertTopAlgnCol2 {
	vertical-align: top;
	height: 100%;
}

.noBorder, .noBorderRow1, .noBorderRow2, .noBorderCol1, .noBorderCol2 {
	border: 0px solid;
}

.noPadding , .noPaddingRow1, .noPaddingRow2, .noPaddingCol1, .noPaddingCol2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.oneHundredPercentHeightVertAlign {
	vertical-align: top;
	height: 100%;
}

</style>

	</head>
	<body>


	<ice:panelGroup id="fixed_container" style="clear: both; width:100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0px solid;">

		<ice:form id="global_form" partialSubmit="true">

			<ice:panelGroup styleClass="layout_header">
			
				<!-- LOGO -->

				<ice:panelGroup
					style="display: inline; float: left;">
					<img src="images/logo.jpg" />
				</ice:panelGroup>

			</ice:panelGroup>

			<ice:panelGroup style="clear: both;">
				<img src="images/spacer.gif"
					style="width: 100%; height: 0px; border-top: 1px solid #bbbbbb" />
			</ice:panelGroup>
			
			<!-- MENU -->
			<f:subview id="menu_sv">
			<ice:panelGroup styleClass="layout_menu">
				<ice:panelGroup
					style="display: inline; float: left; white-space: nowrap;">
					<img src="images/spacer.gif"
						style="width: 1px; height: 22px; border-left: 1px solid white;" />
				</ice:panelGroup>
				
				<ice:panelGroup rendered="${loginDC.authenticated}"
					style="display: inline; white-space: nowrap;">
					<ice:menuBar noIcons="true">
						<ice:menuItem value="Scheduler" 
							action="#{menuDC.schedulerActionPerformed}" 
							styleClass="#{menuDC.schedulerMenuStyleClass}" >
						</ice:menuItem>
						<ice:menuItem 
							value="Jobs" 
							action="#{menuDC.jobActionPerformed}" 
							styleClass="#{menuDC.jobMenuStyleClass}" 
							rendered="${!schedulerDC.schedulerShutdown}">
						</ice:menuItem>
						<ice:menuItem value="Triggers" 
							action="#{menuDC.triggerListActionPerformed}" 
							styleClass="#{menuDC.triggerListMenuStyleClass}" 
							rendered="${!schedulerDC.schedulerShutdown}">
						</ice:menuItem>
					</ice:menuBar>
				</ice:panelGroup>
				
				<ice:panelGroup rendered="${loginDC.authenticated}"
					style="display: inline; float:right; white-space: nowrap; padding-right: 10px;">
					<ice:menuBar noIcons="true">
						<ice:menuItem value="Sign out" action="#{menuDC.signoutActionPerformed}" 
							styleClass="singleMnuBar"
							escape="false">
						</ice:menuItem>
					</ice:menuBar>
				</ice:panelGroup>

			</ice:panelGroup>
			</f:subview>
			
			<ice:panelGroup style="clear: both;">
				<img src="images/spacer.gif"
					style="width: 100%; height: 0px; border-top: 1px solid #bbbbbb" />
			</ice:panelGroup>

		</ice:form>

	</ice:panelGroup>

	<ice:panelGroup id="scrollable_container" style="padding: 0 0 0 0; margin: 0 0 0 0; border: 0px solid;">

		<ice:form partialSubmit="true" autocomplete="off">
		
			<!-- TITLE -->
			<f:subview id="title_sv">
			<ice:panelGroup styleClass="layout_title">
				<table style="width: 100%" onmouseover="hideMenuBar();">
					<tr>
						<td style="width: 0px">
							<ice:inputText id="input_key_pressed" 
								binding="${loginDC.keyPressedInputText}"
								partialSubmit="false" value="${loginDC.keyPressed}" style="width: 0px; visibility: hidden;"/>
						</td>
						<td>
							<iframe name="download_iframe" src="xmlhttp/blank" style="width: 20px; height: 20px; display:none" /> 
						</td>
						<td style="width: 100%; padding-left: 35px;" align="center">
								<span class="title"><ui:insert name="title" /></span>
						</td>
						<td style="padding-right: 10px">
							<ice:outputConnectionStatus showPopupOnDisconnect="true" 
								/>
						</td>
					</tr>
					
				</table>
			</ice:panelGroup>
			</f:subview>
			
			<ice:panelGroup style="clear: both;" />
	
			<!-- MESSAGES -->
			<ice:panelGroup rendered="${menuDC.messagesToDisplay}"
				style="border: 1px solid #C00000; background: #FFCCCC; margin-left: 50px; margin-right: 50px;">
				<h:messages />
			</ice:panelGroup>
			
			<ice:panelGroup style="clear: both;" />

			<!-- CONTENT -->
			<f:subview id="cnt_sv">
			<ice:panelGroup styleClass="layout_content">
				<table style="width: 100%" onmouseover="hideMenuBar();">
					<tr>
						<td style="width: 1px"><img src="images/spacer.gif"
							style="width: 1px; height: 300px; border-top: 0px solid" /></td>
						<td style="width: 100%" align="center" valign="top">
								<ui:insert name="content" />
						</td>
					</tr>
				</table>
			</ice:panelGroup>
			</f:subview>

			<ice:panelGroup style="clear: both;">
				<img src="images/spacer.gif"
					style="width: 100%; height: 0px; border-top: 1px solid #bbbbbb" />
			</ice:panelGroup>
			
			
			<!-- FOOTER -->
			<f:subview id="footer_sv">
			<ice:panelGroup styleClass="layout_footer">
			
			</ice:panelGroup>
			
			<ice:panelGroup style="clear: both;">
				<img src="images/spacer.gif"
					style="width: 100%; height: 0px; border-top: 1px solid #bbbbbb" />
			</ice:panelGroup>
			
			</f:subview>
		</ice:form>
	</ice:panelGroup>
	
	</body>
	</html>
</f:view>
